<template>
  <div class="bus-too-view">
    <p>子组件 - busToo</p>
    <div class="receive-view">接收通信：{{ receive }}</div>
  </div>
</template>
<script>
import EventBus from "../bus.js";
export default {
  data() {
    return {
      receive: "",
    };
  },
  mounted() {
    EventBus.$on("getTarget", (myMsg) => {
      this.receive = myMsg;
    });
  },
  destroyed() {
    //使用 EventBus.$off('aMsg') 来移除应用内所有对此某个事件的监听。
    //或者直接调用 EventBus.$off() 来移除所有事件频道，不需要添加任何参数
    EventBus.$off("getTarget");
  },
};
</script>
<style lang="scss" scoped>
.bus-too-view {
  margin: 20px 10px;
  padding: 10px;
  background-color: #fff;
  border-radius: 8px;
}
</style>